<template>
	<div>
		<!--配送方式-->
        <ul class="aui-list aui-form-list aui-margin-b-15" @click="toFp">  <!-- @click="toFp"-->
            <li class="aui-list-item aui-list-item-arrow">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title">发票</div>
                    <!--<div class="aui-list-item-right">如需发票，请到门店索取</div>-->
                    <div class="aui-list-item-right">{{fpInfo}}&nbsp;&nbsp;&nbsp;</div>
                </div>
            </li>
        </ul>
        <!--配送方式end-->
	</div>
</template>

<script>
	import {mapGetters,mapMutations} from 'vuex';
	export default {
		props: {
           toFp:Function,
           default:()=>{
           	
           }
        },
        computed:{
        	...mapGetters('zx', [
				'getFpObj'
			]),
			fpInfo() {
				return Object.keys(this.getFpObj).length ? "已选" : "请填写发票（可不填）"
			}
        },
        watch:{
        	getFpObj(){
        		
        	}
        },
        data () {
            return {
               fpList:[],
//             fpInfo:'请填写发票（可不填）'
            }
        },
        methods: {
        	...mapMutations('zx',[
        		
        	])
        },
        created(){
        	
        },
        beforeDestroy(){
        	
        }
	}
</script>

<style scoped="scoped">
	.settle_accounts {
	    height: 3rem;
	    background: rgba(255, 255, 255, 0.9);
	    overflow: hidden;
	    position: fixed;
	    width: 100%;
	    left: 0;
	    bottom: -1px;
	    display: table;
	    border-top: 1px solid #eaeaea;
	    z-index: 1;
	}
	.scroller_list {
        overflow-y: auto;
    }
   	.iscroll_list {
	    height: 5.5rem !important;
	}
	.scroller_list{
		position: relative;
	}
</style>